﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Header.ascx.cs" Inherits="Header" %>
<%@ Register Src="ShoppingCart.ascx" TagName="ShoppingCart" TagPrefix="uc1" %>
<%@ Register Src="MenuNgang.ascx" TagName="MenuNgang" TagPrefix="uc2" %>
<div id="header">
    <div id="viewHeader">
        <h1 class="logo">
            <a href="Home.aspx">Bút Parker</a></h1>
        <h1 class="sologan">
        </h1>
        <div class="header-menu">
            <ul class="topmenu">
                <li><a href="Home.aspx">Trang chủ</a></li>
                <li><a href="Intro.aspx">Giới thiệu</a></li>
                <li><a href="ShopList.aspx">Hệ thống cửa hàng</a></li>
                <li><a href="Contact.aspx">Liên hệ</a></li>
            </ul>
        </div>
        <div class="right">
            
            <!--<a class="facebook bs-item" target="_blank" href="http://www.facebook.com/pages/Galle-Watch/400882559963881" title="Chia sẻ trên facebook"><img style="margin-top: 3px;" alt="facebook" src="images/f.png"></a>
            <a class="twitter bs-item" target="_blank" href=" https://twitter.com/gallewatch" title="Chia sẻ trên twitter"><img style="margin-top: 5px;" alt="twitter" src="images/t.png"></a>
            <a class="google bs-item" target="_blank" href="http://www.google.com/gallewatch" title="Google"><img style="margin-top: 5px;" alt="Google" src="images/google.png"></a>
            <a class="email bs-item" target="_blank" href="mailto:gallewatch@gmail.com?body=http://www.gallewatch.com/" title="Email"><img style="margin-top: 5px;" alt="twitter" src="images/mail.png"></a>
            <a class="rss bs-item" target="_blank" href="http://www.youtube.com/user/gallewatchlpd" title="Youtube"><img style="margin-top: 5px;" alt="youtube" src="images/youtube.png"></a>-->
            <ul id="sociallinks">
                <li class="facebook"><a title="Chia sẻ trên facebook" href="https://www.facebook.com/webdesignblog">Facebook</a></li>
	        	<li class="twitter"><a title="Chia sẻ trên twitter" href="https://twitter.com/1stwebdesigner">Twitter</a></li>
	        	<!--<li class="google"><a title="Chia sẻ trên Google+" href="https://plus.google.com/116864239816025797185">Google+</a></li>-->
	        	<!--<li class="email"><a title="Gửi email" href="https://pinterest.com/1stwebdesigner/">Email</a></li>-->
	        	<li class="rss"><a title="RSS" href="RSSHome.aspx">RSS</a></li>
	        </ul>
		    <div class="link_footter"><iframe scrolling="no" frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:78px; height:21px;" src="http://www.facebook.com/plugins/like.php?href=http://www.gallewatch.com/0/.html&amp;layout=button_count&amp;show_faces=false&amp;width=78&amp;action=like&amp;font&amp;colorscheme=light&amp;height=21"></iframe></div>
	    </div>
        <div class="clear3"><img height="15px" class="spacer" /></div>
        <div class="header-tool">
            <div id="search-share">
                <div id="box-share">
                    <ul>
                        <li>
                            <img src="images/tool/icon_yahoo.png" alt="Yahoo" align="absmiddle">&nbsp;Yahoo
                            <ul class="css3 radius3">
                                <li id="arow-up"></li>
                                <li id="icon_type">
                                    <img src="images/tool/ic.png">&nbsp;Chát trực tuyến</li>
                                <li id="list"><a href="ymsgr:sendIM?vhquang2002" title="Bán hàng trực tuyến">
                                    <img alt="Bán hàng trực tuyến" src="http://opi.yahoo.com/online?u=vhquang2002&m=g&t=1">&nbsp;Bán
                                    hàng trực tuyến</a></li>
                                <li id="li1"><a href="ymsgr:sendIM?vhquang2002" title="Bán hàng trực tuyến">
                                    <img alt="Bán hàng trực tuyến" src="http://opi.yahoo.com/online?u=vhquang2002&m=g&t=1">&nbsp;Bán
                                    hàng trực tuyến</a></li>
                                <li id="li2"><a href="ymsgr:sendIM?vhquang2002" title="Bán hàng trực tuyến">
                                    <img alt="Bán hàng trực tuyến" src="http://opi.yahoo.com/online?u=vhquang2002&m=g&t=1">&nbsp;Bán
                                    hàng trực tuyến</a></li>
                                <li class="clear"></li>
                            </ul>
                        </li>
                        <li>
                            <img src="images/tool/icon_skype.png" alt="hotline" align="absmiddle">&nbsp;Skype
                            <ul class="css3 radius3">
                                <li id="arow-up"></li>
                                <li id="icon_type">
                                    <img src="images/tool/ic.png">&nbsp;Chát trực tuyến</li>
                                <li id="list"><a href="skype:vhquang2002" title="Chăm sóc khách hàng">
                                    <img src="http://mystatus.skype.com/smallicon/vhquang2002" alt="Chăm sóc khách hàng">&nbsp; Chăm sóc khách hàng</a></li>
                                <li id="list"><a href="skype:vhquang2002" title="Kinh doanh 1">
                                    <img src="http://mystatus.skype.com/smallicon/vhquang2002" alt="Kinh doanh 1">&nbsp; Kinh doanh 1</a></li>
                                <li id="list"><a href="skype:vhquang2002" title="Kinh doanh 2">
                                    <img src="http://mystatus.skype.com/smallicon/vhquang2002" alt="Kinh doanh 2">&nbsp; Kinh doanh 2</a></li>
                                <li id="list"><a href="skype:vhquang2002" title="Kỹ thuật">
                                    <img src="http://mystatus.skype.com/smallicon/vhquang2002" alt="Kỹ thuật">&nbsp; Kỹ thuật</a></li>
                                <li class="clear"></li>
                            </ul>
                        </li>
                        <li>
                            <img src="images/tool/icon_hotline.png" alt="hotline" align="absmiddle">&nbsp;0977
                            253 186
                            <ul class="css3 radius3">
                                <li id="arow-up"></li>
                                <li id="icon_type">
                                    <img src="images/tool/ic.png">&nbsp;Điện thoại liên hệ</li>
                                <li id="list"><strong>Hotline</strong>:&nbsp;0977.253.186</li>
                                <li id="list"><strong>Kinh doanh</strong>:&nbsp;043.9464617-112</li>
                                <li id="list"><strong>Kinh doanh</strong>:&nbsp;043.9464617-111</li>
                                <li class="clear"></li>
                            </ul>
                        </li>
                        <uc1:ShoppingCart ID="ShoppingCart1" runat="server" />
                    </ul>
                </div>
                <div class="css3" id="search-form">
                    <div id="frmSearch" name="frmSearch" method="GET" action="##">
                        <input value="Tìm kiếm" id="txtKeyword" title="Nhập sản phẩm cần tìm" class="ac_input" />
                        <a href="javascript:void(0)" id="btnSearch" class="btn-search">Search</a>
                        <input type="hidden" value="0" name="txtSearchID" id="txtSearchID" />
                    </div>
                    <div class="clear">
                    </div>
                </div>
            </div>
        </div>
        <div class="clear3">
            <img height="10px" class="spacer" /></div>
        <uc2:MenuNgang ID="MenuNgang1" runat="server" />
    </div>
</div>

<script type='text/javascript' src='js/viewmodel/online_headerViewModel.js'></script>

<style type="text/css">
    .ui-autocomplete
    {
        max-height: 400px;
        overflow-y: auto; /* prevent horizontal scrollbar */
        overflow-x: hidden;
        width: 220px;
        z-index: 30 !important;
    }
    /* IE 6 doesn't support max-height
    * we use height instead, but this forces the menu to always be this tall
    */* html .ui-autocomplete
    {
        height: 100px;
        z-index: 30 !important;
    }
</style>
